﻿// element表格的样式
.el-table {
  color: $theme_font_color;
  table-layout: auto;
  background-color: $theme_table_bg_color;
  tr {
    background-color: $theme_table_bg_color;
  }
  .el-switch__core{
    background: #999;
  }
  .uniqHead .cell{
    text-align: center;
  }
  .cell {
    padding: 0 !important;
  }
  thead th {
    color: $theme_table_th_font_color;
    background: $theme_table_th_bg_color;
    height: 40px;
    padding: 0;
  }
  tbody td {
    height: 40px;
    padding: 0;
    color: $theme_table_td_font_color;
    background-color: $theme_table_td_bg_color;
  }
  // 选中行的样式
  .el-table__body tr.current-row>td {
    background: $theme_main_color !important;
    color:#fff;
    .el-button--text {
      color:#fff;
    }
  }
  .el-table_2_column_9s .cell {
    padding: 0;
  }
  // 嵌套的表格样式
  .el-table__expanded-cell[class*=cell] {
    padding: 0;
  }
}
.el-table--striped .el-table__body tr.el-table__row td {
  background: $theme_table_bg_color;
}
// 有份隔行的背景颜色
.el-table--striped .el-table__body tr.el-table__row--striped td,
.el-table--enable-row-hover .el-table__body tr:hover > td{
  background: $theme_table_td_bg_color;
}
// 设置表格的边框
.el-table--border {
  border-color: $theme_table_border;
}
.el-table--border th {
  border-color: $theme_table_th_border_color;
}
.el-table th.is-leaf {
  border-color: $theme_table_td_border_color;
  border-bottom-color: $theme_table_border;
}
.el-table--border th.gutter:last-of-type {
  border-color: $theme_table_th_border_color;
}
.el-table--border td {
  border-color: $theme_table_td_border_color;
  border-bottom-color: $theme_table_border;
}
.el-table--border td:last-child {
  border-right: none;
}
.el-table--group::after, .el-table--border::after, .el-table::before {
  background: $theme_table_border;
}
.el-table__empty-block {
  min-height: 61px;
}
// 有下拉收缩的表格
.page_treeTable tbody tr>td:first-child .cell{
  padding-left:20px !important;
}
.el-table [class*=el-table__row--level] .el-table__expand-icon{
  // margin-left:20px;
  width: 16px;
  font-size: 16px;
  vertical-align: -2px;
}
.el-table--scrollable-x .el-table__body-wrapper,
.el-table--scrollable-y .el-table__body-wrapper {
  &::-webkit-scrollbar{
    width: 10px;
    height: 8px;
  }
  &::-webkit-scrollbar-track{
    background: rgb(239, 239, 239);
    border-radius: 2px;
  }
  &::-webkit-scrollbar-thumb{
    background: #bfbfbf;
    border-radius:10px;
  }
  &::-webkit-scrollbar-thumb:hover {
    background: $theme_main_color;
  }
}